/* 高级数据卡片样式 */
	.data-card {
	    width: 100%;
	    background: white;
	    border-radius: 24rpx;
	    box-shadow: 0 8rpx 32rpx rgba(0,0,0,0.08);
	    padding: 30rpx;
	    box-sizing: border-box;
	    margin-top: 20rpx;
	    overflow: hidden;
	}

	.card-header {
	    margin-bottom: 30rpx;
	}
	
	.card-title {
	    font-size: 34rpx;
	    font-weight: 600;
	    color: #333;
	    display: block;
	}
	
	.card-subtitle {
	    font-size: 24rpx;
	    color: #999;
	    margin-top: 8rpx;
	}
	
	.data-grid {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 20rpx;
	}
	
	.data-item {
	    background: #fff;
	    border-radius: 18rpx;
	    padding: 25rpx;
	    position: relative;
	    overflow: hidden;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	
	.data-item-full {
	    grid-column: span 2;
	    background: #fff;
	    border-radius: 18rpx;
	    padding: 25rpx;
	    position: relative;
	    overflow: hidden;
	}
	
	.elevation {
	    box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.05);
	    transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	
	.elevation:active {
	    transform: translateY(-4rpx);
	    box-shadow: 0 8rpx 24rpx rgba(0,0,0,0.1);
	}
	
	.data-icon-bg {
	    width: 80rpx;
	    height: 80rpx;
	    border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 20rpx;
	}
	
	.data-icon {
	    width: 40rpx;
	    height: 40rpx;
	}
	
	.data-value {
	    font-size: 36rpx;
	    font-weight: 700;
	    color: #333;
	    margin-bottom: 8rpx;
	}
	
	.data-label {
	    font-size: 24rpx;
	    color: #666;
	    margin-bottom: 15rpx;
	}
	
	.data-trend {
	    display: flex;
	    align-items: center;
	    font-size: 22rpx;
	    color: #ff7043;
	}
	
	.trend-icon {
	    width: 20rpx;
	    height: 20rpx;
	    margin-left: 6rpx;
	}
	
	/* 骑行速度特殊样式 */
	.speed-content {
	    display: flex;
	    align-items: center;
	    width: 100%;
	}
	
	.speed-icon-container {
	    width: 100rpx;
	    height: 100rpx;
	    background: #e1f5fe;
	    border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-right: 30rpx;
	}
	
	.speed-icon {
	    width: 60rpx;
	    height: 60rpx;
	}
	
	.speed-info {
	    flex: 1;
	}
	
	.speed-stats {
	    display: flex;
	    margin-left: 20rpx;
	}
	
	.stat-item {
	    margin-left: 30rpx;
	    text-align: center;
	}
	
	.stat-value {
	    font-size: 28rpx;
	    font-weight: 600;
	    color: #333;
	    display: block;
	}
	
	.stat-label {
	    font-size: 22rpx;
	    color: #999;
	    display: block;
	    margin-top: 6rpx;
	}
	
	.progress-container {
	    width: 100%;
	    height: 8rpx;
	    background: #f5f5f5;
	    border-radius: 4rpx;
	    margin-top: 20rpx;
	}
	
	.progress-bar {
	    height: 100%;
	    background: linear-gradient(90deg, #4fc3f7, #2196f3);
	    border-radius: 4rpx;
	    transition: width 0.5s ease;
	}
	.threshold-dialog {
	    width: 80vw;
	    max-width: 500rpx;
	    background: white;
	    border-radius: 24rpx;
	    padding: 30rpx;
	    box-sizing: border-box;
	}
	
	.dialog-title {
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333;
	    text-align: center;
	    margin-bottom: 30rpx;
	    display: block;
	}
	
	.input-group {
	    margin-bottom: 20rpx;
	}
	
	.input-label {
	    font-size: 28rpx;
	    color: #666;
	    display: block;
	    margin-bottom: 10rpx;
	}
	
	.threshold-input {
	    width: 100%;
	    height: 80rpx;
	    border: 1rpx solid #ddd;
	    border-radius: 12rpx;
	    padding: 0 20rpx;
	    font-size: 28rpx;
	    box-sizing: border-box;
	}
	
	.dialog-buttons {
	    display: flex;
	    justify-content: space-between;
	    margin-top: 30rpx;
	}
	
	.dialog-button {
	    flex: 1;
	    height: 80rpx;
	    line-height: 80rpx;
	    text-align: center;
	    border-radius: 12rpx;
	    font-size: 28rpx;
	    margin: 0 10rpx;
	}
	
	.cancel {
	    background-color: #f5f5f5;
	    color: #666; 
	}
	
	.confirm {
	    background-color: #4caf50;
	    color: white;
	}